import { Component } from 'vue-facing-decorator'
import Render from '@/render/Render'
import toNative from '@/utils/toNative'
import TableRender, { type TableRenderColumnTypes } from '@/render/TableRender'
import type { FilterDto } from '@/render/FilterRender'
import type { VxeTableDataRow } from 'vxe-table'

@Component
export class OperatingRecordView extends TableRender {
    pageTitle = '筛选'
    renderTitleBtn() { 
        return (
            <div class="text-black-300">
                展开
            </div>
        )
    }
    filterConfig() {
        return {
            clientName: {
                name: '数据来源',
                element: 'select',
            },
            companyId: {
                name: '保险产品',
                element: 'select',
            },
            operateId: {
                name: '操作属性',
                element: 'select',
            }
        } as FilterDto
    }
	
    tableColumnConfigOld = () => [
        {
            field: 'companyId',
            title: '操作属性',
        },
        {
            field: 'companyName',
            title: '数量',
            width: 50
        },
        {
            field: 'auditStatus',
            title: '数据来源',
        },
        {
            field: 'isOpenPaySalary',
            title: '状态',
        },
        {
            field: 'isOpenPeriod',
            title: '方案简称',
        },
        {
            field: 'isOpenPeriod',
            title: '保险产品',
        },
        {
            field: 'isOpenWesure',
            title: '客户名称',
        },
        {
            field: 'isOpenWesure',
            title: '操作人',
        },
        {
            field: 'isOpenWesure',
            title: '操作时间',
        }
    ] as TableRenderColumnTypes<VxeTableDataRow>
	
    render() {
        return <>
            {super.render()}
        </>
    }
}

export default toNative<{}, {}>(OperatingRecordView)